<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Demo商场 -机票、酒店、旅游攻略</title>
    <meta name="Keywords" content="机票，酒店，旅游攻略，签证，出国，自由行">
    <meta name="Description" content="慕游云商场有10多年的旅游行业经验，为您提供全方位旅游服务">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/css.css">
    <link rel="stylesheet" href="./css/banner.css">
</head>
<body>
    <header class="site-head">
        <div class="topbar">
            <div class="center-wrap">
                <nav class="shortcut-links">
                    <ul>
                        <li class=""><a href="">目的地</a></li>
                        <li class=""><a href="">锦囊</a></li>
                        <li class="have-menu">
                            <a href="">社区</a>
                            <em class="arrow">
                                <b></b>
                                <i></i>
                            </em>
                            <div class="menu sqmenu">
                              <ul class="menu-list">
                                <li><a href="#">旅游论坛</a></li>
                                <li><a href="#">旅游专栏</a></li>
                                <li><a href="#">旅游问答</a></li>
                                <li><a href="#">旅游生活分享平台</a></li>
                                <li><a href="#">JNE旅游生活美学</a></li>
                                <li><a href="#">Biu伴(原结伴同游)</a></li>
                                <li><a href="#">负责任的旅游</a></li>
                                <li><a href="#">特别策划</a></li>
                              </ul>
                            </div>
                        </li>
                        <li class=""><a href="">行程助手</a></li>
                        <li class="have-menu">
                            <a href="">商城</a>
                            <em class="arrow">
                                <b></b>
                                <i></i>
                            </em>
                            <div class="menu scmenu">
                              <ul class="menu-list">
                                <li><a href="#">机酒自由行</a></li>
                                <li><a href="#">当地玩乐</a></li>
                                <li><a href="#">签证</a></li>
                                <li><a href="#">保险</a></li>
                                <li><a href="#">租车自驾</a></li>
                                <li><a href="#">游轮</a></li>
                                <li><a href="#">河轮</a></li>
                                <li><a href="#">私人订制</a></li>
                                <li><a href="#">欧洲铁路</a></li>
                              </ul>
                            </div>
                        </li>
                        <li class="have-menu">
                            <a href="">酒店-民宿</a>
                            <em class="arrow">
                                <b></b>
                                <i></i>
                            </em>
                            <div class="menu jdmsmenu">
                              <ul class="menu-list">
                                <li><a href="#">酒店</a></li>
                                <li><a href="#">爱彼迎</a></li>
                                <li><a href="#">华人旅馆</a></li>
                              </ul>
                            </div>
                        </li>
                        <li class=""><a href="">特价酒店</a></li>
                    </ul>
                </nav>
                <div class="topbar-r">
                  <a href="" class="iconfont">&#xe624;</a>
                  <a href="">|</a>
                  <a href="" class="iconfont">&#xe623;</a>
                  <a href="" class="iconfont">&#xe65a;</a>
                  <a href="" class="iconfont">&#xe679;</a>
                  <a href="">登录</a>
                  <a href="">注册</a>
                </div>
            </div>
        </div>
        <nav class="main-nav">
            <div class="center-wrap">
                <ul>
                    <li class="have-menu">
                        <a href="">机酒自由行</a>
                        <div class="menu jjzyxmenu">
                          <dl>
                            <dt>全部</dt>
                            <dd>
                              <a href="#">自由行</a>
                              <a href="#">优惠机票</a>
                              <a href="#">酒店</a>
                              <a href="#">游轮</a>
                              <a href="#">订制游</a>
                              <a href="#">海岛游</a>
                            </dd>
                          </dl>
                        </div>
                    </li>
                    <li>
                        <a href="">机票优惠</a>
                    </li>
                    <li class="have-menu">
                        <a href="">跟团游</a>
                        <div class="menu gtymenu">
                          <dl>
                            <dt>全部</dt>
                            <dd>
                              <a href="#">跟团游</a>
                              <a href="#">半自助游</a>
                            </dd>
                          </dl>
                        </div>
                    </li>
                    <li>
                        <a href="">酒店</a>
                    </li>
                    <li class="have-menu">
                        <a href="">当地玩乐</a>
                        <div class="menu ddwlmenu">
                          <dl>
                            <dt>全部</dt>
                            <dd>
                              <a href="#">日游小团</a>
                              <a href="#">深度体验</a>
                              <a href="#">门票票券</a>
                              <a href="#">餐饮美食</a>
                              <a href="#">WIFI电话卡</a>
                              <a href="#">购物</a>
                              <a href="#">交通卡</a>
                            </dd>
                          </dl>
                        </div>
                    </li>
                    <li>
                        <a href="">签证</a>
                    </li>
                    <li>
                        <a href="">游轮</a>
                    </li>
                    <li>
                        <a href="">河轮</a>
                    </li>
                    <li>
                        <a href="">保险</a>
                    </li>
                    <li>
                        <a href="">租车自驾</a>
                    </li>
                    <li class="have-menu">
                        <a href="">深度旅游</a>
                        <div class="menu sdlymenu">
                          <dl>
                            <dt>全部</dt>
                            <dd>
                              <a href="#">CityWalk</a>
                              <a href="#">特色长线</a>
                              <a href="#">Q-Home</a>
                            </dd>
                          </dl>
                        </div>
                    </li>
                    <li>
                        <a href="">私人地址</a>
                    </li>
                </ul>
            </div>
        </nav>
        
        <div class="header-con">
          <div class="center-wrap">
            <h1>Demo商场</h1>
            <div class="soso-box">
              <input type="text" placeholder="查询目的地/酒店/机场攻略" >
              <a href="" class="iconfont btn">&#xe624;</a>
            </div>
          </div>
        </div>
    </header>
    <section class="banner">
      <img src="./images/banner1.jpg" alt="">
      <div class="center-wrap">
        <a href="" class="leftbtn"></a>
        <a href="" class="rightbtn"></a>
        <nav class="banner-nav">
          <ul>
            <li>
              <dl>
                <dt>热门出发地</dt>
                <dd>
                  <em>北京</em>
                  <em>上海</em>
                  <em>广深</em>
                  <em>西南</em>
                  <em>国内其他</em>
                </dd>
              </dl>
            </li>
            <li>
              <dl>
                <dt>港澳台 国内/dt>
                <dd>
                  <em>香港</em>
                  <em>澳门</em>
                  <em">台湾</em>
                  <em>国内其他</em>
                </dd>
              </dl>
            </li>
            <li>
              <dl>
                <dt>日本 韩国</dt>
                <dd>
                  <em>东京</em>
                  <em>大阪</em>
                  <em>香港</em>
                  <em>香港</em>
                  <em>香港</em>
                </dd>
              </dl>
            </li>
            <li>
              <dl>
                <dt></dt>
                <dd></dd>
              </dl>
            </li>
            <li>
              <dl>
                <dt></dt>
                <dd></dd>
              </dl>
            </li>
            <li>
              <dl>
                <dt></dt>
                <dd></dd>
              </dl>
            </li>
          </ul>
        </nav>
      </div>
    </section>
</body>
</html>